<template>

	<div>
		
		<div>
			<!-- 匿名插槽，default -->
			<!-- <slot ></slot> -->
			
			
			<!-- 具名插槽 -->
			<slot name="title"></slot>
			
		</div>
		<table cellpadding="0" cellspacing="0" border="1" width="90%">
			<tr>	
				<td>id</td>
				<td>name</td>
			</tr>
			<tr v-for="item in tableData">
				<td>{{item.id}}</td>
				<td>{{item.name}}</td>

			</tr>
		</table>
		<slot name="footer"></slot>
		
		
		
		
	</div>
	
	
</template>

<script>
	export default{
		name:'MyTable',
		props:["tableData"],
		data(){
			return {
				
			}
		}
	}
	
	
</script>

<style scoped>
	table{

	}
	
	
	
</style>